<!DOCTYPE html>

<html>
    
    <head>
        
        <meta charset="utf-8">
        <title>****</title>
        
        <style>
            @import url("css/style.css");
            @import url("css/header.css");
            @import url("css/article.css");
            @import url("css/side.css");
            @import url("css/footer.css");
        </style>
        
        <script>
        
        var wrapAnchor = function(img)
        {
            var a = document.createElement("a");
            a.href = img.src;
            a.target = "_blank";
            a.style.width=0;
            
            img.parentNode.appendChild(a);
            a.appendChild(img);
        };
        
        window.onload = function()
        {
            // setTimeout(function(){ document.location.reload(); }, 1000);
        };
        
        </script>
        
    </head>
    
    <body>
        
        <header id="header">
            <hgroup>
                <h1>Title</h1>
                <h2>
                    Text Text Text Text
                    Text Text Text Text
                    Text Text Text Text
                    Text Text Text Text
                </h2>
            </hgroup>
            
            <nav id="nav">
                <div class="inner">
                    <ul>
                        <li><a href="#">Item0</a></li>
                        <li><a href="#">Item1</a></li>
                        <li><a href="#">Item2</a></li>
                        <li><a href="#">Item3</a></li>
                        <li><a href="#">Item4</a></li>
                    </ul>
                </div>
            </nav>
            
        </header>
        
        <div id="container">
            
            <section id="main">
                
                <article class="entry">
                    
                    <header>
                        <h1>Title</h1>
                    </header>
                    
                    <div class="content">
                        
                        <p>
                            Text Text Text Text Text Text Text Text
                            Text Text Text Text Text Text Text Text
                            Text Text Text Text Text Text Text Text
                            Text Text Text Text Text Text Text Text
                        </p>
                        
                        <p class="center">
                            <img src="http://a0.twimg.com/profile_images/484079620/kenkyo.jpg" alt="sample" onload="wrapAnchor(this);" />
                        </p>
                        
                        <section>
                            <h2>Sub Title</h2>
                            <p>
                                Text Text Text Text Text Text Text Text
                                Text Text Text Text Text Text Text Text
                            </p>
                            
                            <section>
                                <h3>Sub Sub Title</h3>
                                <p>
                                    Text Text Text Text Text Text Text Text
                                    Text Text Text Text Text Text Text Text
                                </p>
                            </section>
                        </section>
    
                        <p>
                            Text Text Text Text Text Text Text Text
                            Text Text Text Text Text Text Text Text
                        </p>
                        
                    </div>
                    
                    <footer>
                        20XX/YY/ZZ
                    </footer>
                    
                </article>
                
            </section>
            
            <section id="side">
                
                <aside>
                    <section class="side-box">
                        <h1>Text</h1>
                        <p>
                            Text Text Text Text
                            Text Text Text Text
                            Text Text Text Text
                            Text Text Text Text
                        </p>
                    </section>
                    
                    <section class="side-box">
                        <h1>Text</h1>
                        <ul>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                        </ul>
                    </section>
                    
                    <section class="side-box">
                        <h1>Text</h1>
                        <ul>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                        </ul>
                    </section>
                    
                    <section class="side-box">
                        <h1>Text</h1>
                        <ul>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                            <li><a href="#">Text Text</a></li>
                        </ul>
                    </section>
                    
                    <!--
                    <section class="side-box">
                        <h1>Ref</h1>
                        <ul>
                            <li><a href="http://thethemefoundry.com/titan/">http://thethemefoundry.com/titan/</a></li>
                        </ul>
                    </section>
                    -->
                </aside>
                
            </section>

        </div>
        
        <footer id="footer">
            @2011 phi
        </footer>
        
    </body>
    
</html>



